<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>订单信息</title>
<link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="./jquery-ui.css" rel="stylesheet">
<script src="./jquery.js"></script>
	<script src="../js/bootstrap.min.js"></script>
	<script src="./jquery-ui.js"></script>

<script type="text/javascript">
$( function() {
    var dateFormat = "mm/dd/yy",
      from = $( "#from" )
        .datepicker({
          defaultDate: "+1w",
          changeMonth: true,
          numberOfMonths: 1
        })
        .on( "change", function() {
          to.datepicker( "option", "minDate", getDate( this ) );
          from.datepicker( "option", "dateFormat", "yy-mm-dd" );
          
        }),
      to = $( "#to" ).datepicker({
        defaultDate: "+1w",
        changeMonth: true,
        numberOfMonths: 1
      })
      .on( "change", function() {
        from.datepicker( "option", "maxDate", getDate( this ) );
        to.datepicker( "option", "dateFormat", "yy-mm-dd" );
      });
 
    function getDate( element ) {
      var date;
      try {
        date = $.datepicker.parseDate( dateFormat, element.value );
      } catch( error ) {
        date = null;
      }
 
      return date;
    }
  } );


</script>









</head>
<body style="background-color:#eee">


	</div>
	<h3 class="sub-header">我的订单</h3>  
	选择时间：<form action="../user_bydate"> <label for="from">From</label>
<input type="text" id="from" name="from">
<label for="to">to</label>
<input type="text" id="to" name="to">
<input type="submit"></form>

	<div class="table-responsive">
		<table class="table table-striped">
			<thead>
				<tr>
					<th>订单编号</th>
					<th>订单内容</th>
					<th>收件人</th>
					<th>收件地址</th>
					<th>联系电话</th>
					<th>下单时间</th>
					<th>订单金额</th>
					<th>订单状态</th>
				</tr>
			</thead>
			<tbody>
				<c:forEach items="${requestScope.orderDetail}" var="detail">
					<tr>
						<td style="text-align:center; line-height:50px;"><span
							style="float:left">${detail.ordersId}</span></td>
						<td style="text-align:center; line-height:50px;"><span
							style="float:left">${detail.orderName}</span></td>

						<td style="text-align:center; line-height:50px;"><span
							style="float:left">${detail.realName}</span></td>
						<td style="text-align:center; line-height:50px;"><span
							style="float:left">${detail.address}</span></td>
						<td style="text-align:center; line-height:50px;"><span
							style="float:left">${detail.phone}</span></td>
						<td style="text-align:center; line-height:50px;"><span
							style="float:left">${detail.orderTime}</span></td>
							<td style="text-align:center; line-height:50px;"><span
							style="float:left">${detail.detail2}</span></td>
						<td style="text-align:center; line-height:50px;"><span
							style="float:left">${detail.detail1}</span></td>
					</tr>
				</c:forEach>
			</tbody>
		</table>
	</div>
	</div>
	</div>
	</div>
	
</body>
</html>
</em>